<template>
  <div class="left-item" style="display: flex; flex-direction: column">
    <a class="item-title" :href="title_url">{{ title }}</a>
    <a v-for="(item, index) in items" :key="index" :href="item.items_url">{{
      item.text
    }}</a>
  </div>
</template>

<script>
export default {
  props: {
    title_url: String,
    title: String,
    items: Array,
  },
};
</script>

<style>
.item-title {
    margin-bottom: 5px;
  font-size: 18px !important;
  color: black !important;
  font-weight: bold;
}
.left-item a {
  font-size: 12px;
  text-decoration: none;
  outline: none;
  color: #666666;
  margin-top: 6px;
}
.left-item a:hover {
  color: #1161c1;
}
</style>